/* 
  目标：使用props给组件Hello设置默认属性name
  1. 给组件设置defaultProps  ,值为对象
  2. 组件不摄者name属性时，默认属性生效

*/
import React from 'react';

import PropTypes from 'prop-types';
export default class App extends React.Component {
  render() {
    return (
      <div>
        <Hello title="1223" name="hello world"></Hello>
      </div>
    );
  }
}

class Hello extends React.Component {
  render() {
    return <div>{this.props.name}</div>;
  }
}
//   1. 给组件设置defaultProps  ,值为对象
Hello.defaultProps = {
  // 键名代表要给哪个标签属性, 设置默认值
  name: 'Hello React',
};

Hello.propTypes = {
  // 3. 必填项：用isRequired， 语法上可以用链式写法
  title: PropTypes.string.isRequired,
  // 1. 使用常见类型- 数字
  count: PropTypes.number,
};
